import React from 'react'
import PureRenderMixin from 'react-addons-pure-render-mixin'

import './style.less';

class Star extends React.Component {
    constructor(props, context) {
        super(props, context);
        this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
    }
    render() {
        //获取star 并取余5 最多5
        let star=this.props.star || 0;
        if(star > 5){
            star = star % 5
        }
        return (
            <div className="star-container">
                {[1,2,3,4,5].map(
                    (item,index) => {
                        const lightClass=star >=item? ' light':'';
                        return <i key={index} className={'icon-star '+ lightClass}/>
                    }
                )}
            </div>
        )
    }
}

// 使用 require.ensure 异步加载，还不支持 ES6 的 export
export default Star